<template>
	<mask-model 
		ref="mask-model" 
		class="typhoon-model"
		title="台风路径" 
		:isCancel="true"
		@cancel="cancel"
		>
		<iframe src="https://tf.istrongcloud.com/release/index-id.html?id=1260216490&from=groupmessage&isappinstalled=0#route" width="100%" height="100%"></iframe>
	</mask-model>
</template>

<script>
	import { maskModelMixin } from 'common/js/mixins'

export default {
		mixins: [maskModelMixin],
		data () {
			return {
				item: null
			}
		},
		methods: {
			cancel () {
				this.item.selected = false
		},
			show (item) {
				this.$refs['mask-model'].show = true
			this.item = item
		}
		}
	}
</script>

<style lang="scss">
	.typhoon-model {
		.ivu-modal {
			width: 900px !important;
			height: 550px;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			position: absolute;
			.ivu-modal-body {
				height: 510px;
				padding: 0;
				position: relative;
				overflow: hidden;
				background-color: white;
			}
		}	
	}
</style>